<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>text</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
</head>
<body>
    <p class="bg-primary text-white">重要的</p>
    <p class="bg-secondary text-white">次要的</p>
    <p class="bg-danger text-white">危险的</p>
    <p class="bg-warning text-white">警告的</p>
    <p class="bg-info text-white">信息的</p>
    <p  class="bg-light text-dark">浅色的</p>
    <p class="bg-dark text-white">深色的</p>
</body>
</html>